<!--
 * @Author: 邱狮杰
 * @Date: 2021-09-04 20:40:19
 * @LastEditTime: 2021-09-04 21:24:31
 * @FilePath: /new-hope/src/page/luckDraw/components/other.vue
 * @Description: 描述
-->
<script lang="ts" setup>
import { Reward, Permiss } from "/@/components/index";
import getInfoButton from "/@/assets/images/getInfoButton.png";
import { withDefaults } from "vue";

const props = withDefaults(defineProps<{ src: string }>(), {
  src: "",
});
</script>
<template>
  <Reward>
    <template #img>
      <img class="img" :src="props.src" />
    </template>
    <template #button>
      <Permiss />
    </template>
  </Reward>
</template>
<style lang="scss" scoped>
.img {
  position: absolute;
  bottom: 195px;
  left: 50%;
  transform: translateX(-50%);
  width: 317px;
  height: 375px;
  z-index: 101;
}
.getInfoButton {
  position: absolute;
  bottom: 100px;
  left: 50%;
  transform: translateX(-50%);
  width: 238px;
  height: 42px;
  z-index: 101;
}
</style>
